﻿*{margin: 0;padding: 0;font-family: "Microsoft YaHei","宋体",sans-serif;color: #A6A6A6;}
/*页标*/
.header{width: 100%;height:86px;padding:10px;background-image: url(../images/title.jpg);background-size: cover;color: #fff;border-bottom: 2px solid #019bff; box-sizing: border-box}
.headerin{line-height: 70px;width: 100%;max-width: 860px;margin: 0 auto;}
.headerin img{width:32px ; height:32px;float: left;margin-top: 20px;margin-right: 20px; }
.page-header h2,small{color: white;font-weight: 100;}
/*内容*/
.container{height: 100%;}
.wrap{width: 100%;padding:30px 0;background-color: #f5f5f5;}
.wrap .wrapin {background-color: #fff;max-width: 860px;border: 1px solid #ddd; margin: 0 auto;  }
.wrap .wrapin .wrapintext {padding: 20px;}
.wrap .wrapin .wrapintext .field-container{margin-bottom: 20px}
.wrap .wrapin .wrapintext .field-title{color: #019bff;}
.wrap .wrapin .wrapintext .field{margin-top: 10px;border: 1px solid #ddd;width: 100%;}
.wrap .wrapin .wrapintext textarea.field{width: 100%;max-width: 530px;height: 140px;color: #666;font-size: 14px;line-height: 1.4;resize: none;padding: 10px;box-sizing:border-box;}
.wrap .wrapin .wrapintext select.field{height: 36px;color: #666;max-width: 120px;}
.wrap .wrapin .wrapintext input.field{max-width: 260px;height: 34px;}
.wrap .wrapin .wrapintext label.field{border:none; color: #666; display: inline-block; width: auto; margin-right: 20px; cursor: pointer}

/*上传*/
.wrap .wrapin .wrapintext .upload a {width: 70px;text-align:center;margin-top: 10px;position: relative; display: inline-block;background: #3798f9;padding: 8px 25px;overflow: hidden;color: #fff;text-decoration: none;text-indent: 0;line-height: 20px;opacity: 0.7;filter:alpha(opacity=70);}
.wrap .wrapin .wrapintext .upload a:hover{opacity: 1;filter:alpha(opacity=100);}
.wrap .wrapin .wrapintext .upload a input {position: absolute;font-size: 100px;right: 0;top: 0;opacity: 0;}
/*验证*/
.wrap .wrapin .wrapintext .test{color: #019bff;margin-top: 20px;}
.unchanged {width: 80px;height: 50px;border: 1px solid #ddd;}
#verif{max-width: 117px;}
/*提交按钮*/
.wrap .wrapin .wrapintext .button {margin-top: 20px;}
.wrap .wrapin .wrapintext .button input{width: 240px;height: 36px;background-color: #3798f9;color: #fff;border: none;opacity: 0.7;filter:alpha(opacity=70); }
.wrap .wrapin .wrapintext .button input:hover{opacity: 1;filter:alpha(opacity=100); }
/*页脚*/
.footer{width: 100%;height: 36px;background-color: #f1f1f1;margin: 0 auto; line-height: 35px;text-align: center;font-size: 14px;color: #999;}

.uploadFiles .fileIcon {
    position: relative;
    overflow: hidden;
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 20px;
    margin-top: 10px;
}

.uploadFiles .fileAdd {
    background: url(../images/upload.gif) no-repeat;
    border: 1px solid transparent;
}

.fieldErrorMsg, .uploadFiles .fieldErrorMsg {
    color: #A94442;
    font-weight: bold;
}


/*删除图片*/
.redPoint{
    position: absolute;
    top: 4px;
    right: 4px;
    padding:  2px;
    max-width: 16px;
    min-width: 16px;
    height: 14px;
    line-height: 14px;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    color: #FFF;
    background-color: #ED1C24;
    border-radius: 14px;
}

.fileDel, .fileAdd{
    cursor:pointer;
}
/*手机屏幕样式设置*/
@media screen and (max-device-width:480px) and (max-width: 600px) {
	input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
   .wrap{width: 100%;padding:0;background-color: #f5f5f5;}
   .header{width: 100%;height:44px;padding:0 10px;}
   .headerin{line-height: 44px;height:44px;}
   .headerin img{width:24px ; height:24px;float: left;margin-top: 10px;margin-right: 10px; }
   .page-header h2,small{line-height: 44px;}
   .page-header h2{font-size: 18px;}
   .fieldErrorMsg, .uploadFiles .fieldErrorMsg {color: #A94442;font-weight: normal;font-size: 14px;}
   .wrap .wrapin .wrapintext input.field{padding: 0 10px;}
   .wrap .wrapin .wrapintext select.field {padding: 0 10px;}
   .wrap .wrapin .wrapintext .button input{background: #3798f9;border: none;-webkit-appearance: none;}
}